import { Button, Divider, Space } from '@mao-fu/sun-ui';
import React from 'react';

const App: React.FC = () => {
  return (
    <div>
      <h4>水平分割线 带内容</h4>
      <Space display="flex" direction="vertical" align="normal">
        <div>
          <Button>按钮</Button>
          <Divider children="分割线内容" type="solid" />
          <Button>按钮</Button>
        </div>
        <div>
          <Button>按钮</Button>
          <Divider children="分割线内容" type="dashed" />
          <Button>按钮</Button>
        </div>
        <div>
          <Button>按钮</Button>
          <Divider
            children="分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容分割线内容"
            type="dotted"
          />
          <Button>按钮</Button>
        </div>
      </Space>
    </div>
  );
};

export default App;
